<%--
  Created by IntelliJ IDEA.
  User: jshand
  Date: 2021/12/3
  Time: 9:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理 <span
        class="c-gray en">&gt;</span> 列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
                                            href="javascript:location.replace(location.href);" title="刷新"><i
        class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="text-c">
	 <span class="select-box inline">

        <form action="disease" method="post" id="queryForm">

            <input type="hidden"  id="pageNum" name="pageNum" value="">
            <input type="hidden" name="_type" value="list">
            <input type="text" name="name" value="${param['name']}" id="" placeholder="栏目名称" style="width:250px" class="input-text">
            <button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
        </form>
     </span>
    </div>


    <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()"
                                                                class="btn btn-danger radius">
        <i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>

        <a class="btn btn-primary radius" data-title="添加数据"
                 onclick="add('${pageContext.request.contextPath}/admin/chanel?_type=toAdd')"
                 href="javascript:;"><i
            class="Hui-iconfont">&#xe600;</i> 添加数据</a>



    </span> <span class="r">共有数据：<strong>${total}</strong> 条</span></div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
            <thead>
            <tr class="text-c">
                <th width="25"><input type="checkbox" name="" value=""></th>
                <th>序号</th>
                <th>名称</th>
                <th>key</th>
                <th>状态</th>
                <th>操作</th>

            </tr>

            </thead>
            <tbody>


            <c:forEach items="${list}" var="channal" varStatus="stats">
                <tr class="text-c">
                    <td><input type="checkbox" value="" name=""></td>
                    <td>${stats.count}</td>
                    <td>${channal.name}</td>
                    <td>${channal.key}</td>


                    <td>
                        <c:choose>
                            <c:when test="${channal.status == '1'}">隐藏</c:when>
                            <c:when test="${channal.status == '0'}">显示</c:when>
                        </c:choose>

                    <td class="f-14 td-manage">
                        <a style="text-decoration:none" class="ml-5"  onClick="article_edit('${channal.id}')" href="javascript:;" title="编辑"><i  class="Hui-iconfont">&#xe6df;</i></a>
                        <a style="text-decoration:none" class="ml-5" onClick="article_del('${channal.id}')"
                           href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a>
                    </td>
                </tr>
            </c:forEach>


            </tbody>
        </table>
       <%-- <div class="page">
            <c:if test="${pageNum == 1}">
                <div class="item unactive">  <a href="javascript:void()" >首页</a>  </div>
                <div class="item unactive">  <a href="javascript:void()">上一页</a>  </div>
            </c:if>

            <c:if test="${pageNum > 1}">
                <div class="item active">  <a href="javascript:query(1)" >首页</a>  </div>
                <div class="item active">  <a href="javascript:query(${pageNum-1})">上一页</a>  </div>
            </c:if>

            <c:if test="${pageNum < pageCount}">
                <div class="item active"> <a href="javascript:query(${pageNum+1})">下一页</a>   </div>
                <div class="item active">  <a href="javascript:query(${pageCount})"> 末页</a>  </div>
            </c:if>
            <c:if test="${pageNum == pageCount}">
                <div class="item unactive"> <a href="javascript:void()">下一页</a>   </div>
                <div class="item unactive">  <a href="javascript:void()"> 末页</a>  </div>
            </c:if>

            当前页号${pageNum} /共${pageCount}页
        </div>--%>
    </div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    // $('.table-sort').dataTable({
    //     "aaSorting": [[1, "desc"]],//默认第几个排序
    //     "bStateSave": true,//状态保存
    //     "pading": false,
    //     "aoColumnDefs": [
    //         //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
    //         {"orderable": false, "aTargets": [0, 8]}// 不参与排序的列
    //     ]
    // });

    /*资讯-添加*/
    function add(href) {
        location.href = href
    }

    function query(pageNum) {
        $("#pageNum").val(pageNum);
        $("#queryForm").submit();
    }


    /*资讯-编辑*/
    function article_edit(id) {

        location.href = '${pageContext.request.contextPath}/admin/chanel?_type=toEdit&id='+id
    }

    /*资讯-删除*/
    function article_del( id) {
        layer.confirm('确认要删除吗？', function (index) {

            // location.href = 'user?_type=delete&userId='+id

            $.ajax({
                type: 'POST',
                url: '${pageContext.request.contextPath}/admin/chanel?_type=ajaxDelete&id='+id,
                dataType: 'json',
                success: function (data) {
                    if(data.success){
                        layer.alert("删除成功",function(){
                            location.href = location.href
                        });
                        //非阻塞的，页面上会看到一个弹出框，但是不能弹出框小时，下面的刷新会执行
                    }
                },
                error: function (data) {
                    console.log(data.msg);
                },
            });





        });
    }


</script>
</body>
</html>